<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="Pragma" content="no-cache">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>恒巨教育</title>
    <link rel="stylesheet" href="../utils/layui/css/layui.css" />
    <link rel="stylesheet" href="../utils/css/pingFangFont.css">
    <link rel="stylesheet" href="../css/style.css" />
</head>

<body>
    <div class="pageRightContent">
        <!-- 操作 -->
        <div class="courseListContent">
            <div class="pageRightContentOne">
                <form class="layui-form pageRightContentOneForm" method="return false">
                    <div class="layui-form-item">
                        <label class="layui-form-label">课程名称：</label>
                        <div class="layui-input-block">
                            <input type="text" name="title" placeholder="请输入标题" class="layui-input">
                        </div>
                    </div>
                    <button class="layui-btn add">查询</button>
                    <button class="layui-btn">重置</button>
                    <div class="layui-form-item">
                        <label class="layui-form-label">课程分类：</label>
                        <div class="layui-input-block">
                            <select id="courseIndexDown" name="city">
                                <option value="">请选择</option>
                                <!-- <option value="0">消防</option>
                                            <option value="1">学历</option> -->
                            </select>
                        </div>
                    </div>
                    <button class="layui-btn classroomDropDownBtn">确认</button>
                    <button class="layui-btn addCourse">添加</button>
                </form>
            </div>
            <!-- 列表 -->
            <table class="pageRightContentTable" border="0" style="width: 100%;">
                <thead>
                    <th>编号</th>
                    <th>名称</th>
                    <th>课程分类</th>
                    <th>收费状态</th>
                    <th>更新时间</th>
                    <th>操作</th>
                </thead>
                <tbody></tbody>
                <!-- 生成列表 -->
            </table>
            <div class="test" id="test1"></div>
        </div>
        <!-- 课时添加 -->
        <div class="classroomListAdd courseListAdd" style="display: none">
            <form class="layui-form " id="addform">
                <input id="courseId" type="hidden" name="courseId" value="">
                <div class="layui-form-item">
                    <label class="layui-form-label">课程名称：</label>
                    <div class="layui-input-block className">
                        <input id="className" type="text" name="courseName" placeholder="请输入班型名称" class="layui-input">
                    </div>
                </div>
                <div class="layui-fofrm-item">
                    <label class="layui-form-label">课程分类：</label>
                    <div class="layui-input-block classification">
                        <select id="courseDown" name="categoryId" lay-verify="required">
                            <option value="">请选择</option>
                            <!-- <option value="0">消防</option>
                                        <option value="1">学历</option> -->
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">课程价格：</label>
                    <div class="layui-input-block classPrice">
                        <input id="classPrice" type="text" name="price" placeholder="请输入班型价格" class="layui-input">
                    </div>
                </div>
                <!-- 上传图片 -->
                <div class="layui-form-item uploadImg">
                    <label class="layui-form-label">选择封面：</label>
                    <div class="layui-input-block">
                        <div class="uploadPictures" id="uploadPictures">
                            <div>
                                <div>
                                    <input type="file" name="image" id="input_file" onchange="loadImg(this)"
                                        accept="image/gif,image/jpeg,image/jpg,image/png,image/svg" value="">
                                    <img class="imgShow" src="" id="show">
                                </div>
                                <span class="plus-icon "></span>
                                <span>上传图片</span>
                            </div>
                        </div>
                    </div>
                </div>
                <span class="prompt">只支持.jpg .png 格式 尺寸比例750*450px(4:3更好)</span>
                <!-- <button class="layui-btn" id="test2">
                            <i class="layui-icon">&#xe67c;</i>上传图片
                        </button> -->
                <div class="layui-form-item courseRadio">
                    <label class="layui-form-label">是否可以与其他班级公用：</label>
                    <div class="layui-input-block courseRadioIn">
                        <input type="radio" name="useInClassroom" value="single" title="是" checked>
                        <input type="radio" name="useInClassroom" value="more" title="否">
                    </div>
                </div>
                <div class="classroomListAddBtn">
                    <button id="addBtn" class="layui-btn">添加</button>
                    <button id="saveBtn" class="layui-btn domeBtn" style="display:none">保存</button>
                    <button class="layui-btn backBtn">取消</button>
                </div>

            </form>
        </div>
        <!-- 课程添加成功页面 -->
        <div class="AddSuccess" style="display: none">
            <div class="SuccessIcon">
                <div></div>
            </div>
            <span>课程添加成功</span>
            <span>课程添加成功，请继续添加课时</span>
            <div>
                <button class="layui-btn domeBtn addClassBtn">添加课时</button>
                <button class="layui-btn domeBtn2 returnClassBtn">返回课程</button>
            </div>
        </div>
    </div>
</body>

</html>
<script src="../utils/js/jquery-3.3.1.min.js"></script>
<script src="../utils/layui/layui.all.js"></script>
<script src="../js/courseManagement.js"></script>